<template>
	<view class="locat_main">
		<view class="locat_content">
			<view class="">
				签到时间：
			</view>
			<view class="">
				签到人员：
			</view>
			<view class="tip_label">
				签到地址
			</view>
			<view class="current_position">
				<view class="current_position_left">
					<view class="left_address">
						{{positionInfo.name}}
					</view>
					<view class="left_tip">
						{{positionInfo.address}}
					</view>
				</view>
			</view>
			<view v-if="setSignObj?.signType==2">
				<view class="tip_label">
					签到照片
				</view>
				<view class="example-body">
					
				</view>
			</view>
		</view>
		<view class="btn_word">
			<button type="primary" class="btn_bor" @click="onSubmit">返回工单</button>
		</view>
	</view>
</template>

<script lang="ts" setup>
	import {
		ref,
		reactive,
		nextTick, onMounted
	} from "vue"
	import _ from "lodash"
	import { onReachBottom, onPullDownRefresh, onUnload, onLaunch, onLoad, onHide } from '@dcloudio/uni-app'
	import apiOrder from "@/util/network_api/apiOrder.js"
	import apiUpload from "@/util/network_api/upload.js"
	// 通过onLoad接收数据
	onLoad((e) => {
		
	})
	onUnload(() => {
		uni.hideLoading()
	})
	/*
	 signType签到方式:1-定位签到，2-拍照签到
	 enableSecurityWatermark 是否启用拍照防伪作弊水印:false-不启用，true-启用，当sign tvpe-2时牛效
	 signRange 签到范围，单位:米，当signType=1时生效
	 */
	const setSignObj = ref()
	const imgarr = ref([])
	// 返回工单
	const onSubmit = async () => {
		uni.reLaunch({
			url:'/pages_network/order/order'
		})
	}

	const positionInfo = ref({
		address: '生平东路小榄海港城购物中心',
		name: '上海宝山区'
	})
	

</script>

<style lang="scss" scoped>
	.locat_main {
		/* #ifdef H5 */
		height: calc(100vh - 44px);
		/* #endif */
		/* #ifndef H5 */
		height: 100vh;
		/* #endif */
		background-color: #fafafa;
		display: flex;
		flex-direction: column;
		flex: 1;
		overflow: hidden;

		
		.locat_content {
			margin: 24rpx;

			.tip_label {
				font-size: 28rpx;
				color: #999;
			}

			.current_position {
				background-color: #fff;
				border-radius: 20rpx;
				padding: 24rpx;
				margin: 24rpx 0;
				display: flex;
				justify-content: space-between;
				align-items: center;

				&_left {
					flex: 1;

					.left_address {
						font-size: 28rpx;
						margin-bottom: 12rpx;
					}

					.left_tip {
						font-size: 24rpx;
						color: #999;
					}
				}
			}

			.example-body {
				margin: 24rpx;

				:deep(.uni-progress-bar) {
					display: none;
				}

				.pic_text {
					display: flex;
					align-items: center;
					flex-direction: column;
					justify-content: center;
					font-size: 24rpx;
					color: #999;
				}
			}
		}

		.btn_word {
			padding: 24rpx 48rpx;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 2;

			:deep(button:after) {
				border: none !important;
			}

			.btn_bor {
				width: 100%;
				font-size: 32rpx;
				border-radius: 50rpx;
				background-color: #007cff;
			}
		}
	}
</style>